$('.show_point li').first().find('span').addClass('active');

	var currentIndex = 0;
	
	var count = $('.picshow li').length;
	
	function currentPlay() {
		$('.show_point li').eq(currentIndex).find('span').addClass('active').parent().siblings().find('span').removeClass('active');		
		$('.picshow li').eq(currentIndex).animate({
			'width': '1200px'
		}, 1000).siblings().animate({
			'width': '0px'
		}, 1000);
	}
	
	function nextPlay() {
		currentIndex = currentIndex >= count - 1 ? 0 : currentIndex + 1;
		
		currentPlay();
	}
	
	var timer = setInterval(nextPlay, 3000);
	
	$('.show_point li').click(function() {
		clearInterval(timer);

		currentIndex = $(this).index();
		
		currentPlay();

		timer = setInterval(nextPlay, 3000);
	})
	
	
	